<template>
  <section class="shipment-sender-info">
    <p>
      {{ row.distinctFromAddress && row.distinctFromAddress.length }}提 <br />
      <template v-for="(item, index) in row && row.distinctFromAddress">
        <span :key="index"> {{ item.address }}； </span>
      </template>
    </p>
  </section>
</template>

<script>
export default {
  name: "ShippingAddress",
  props: {
    row: {
      type: Object,
      default: () => { }
    },
    name: {
      type: String
    }
  }
};
</script>
<style scoped>
.shipment-sender-info p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
</style>